.pxToRem(@p, @px){
    @{p}: @px / 75 * 1rem;
}
body{
    background: #f6f6f6;
}
.header{
    .pxToRem(height, 85);
    .pxToRem(line-height, 85);
    .pxToRem(padding-left, 40);
    .pxToRem(padding-right, 40);
    background: #fff;
    border-bottom: 1px solid #ccc;
    h2{
        .pxToRem(font-size, 32);
        background: url(../images/user_login/left_arrow.png) no-repeat left center;
        text-align: center;
        .pxToRem(background-size, 21);
    }
}
.notice{
    .pxToRem(padding-left, 40);
    .pxToRem(padding-right, 40);
    // background: url(../images/message_center/right_arrow.png) no-repeat right center;
    .pxToRem(height, 120);
    display: flex;
    align-items: center;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    figure{
        .pxToRem(height,42);
        .pxToRem(width,42);
        border-radius:5px; 
        box-shadow: 5px 5px #F59E9E;
        img{
            .pxToRem(height,42);
            .pxToRem(width,42);
        }
    }
    .dd_ntc{
        width: 85%;
        .pxToRem(font-size,24);
        .pxToRem(margin-left,35);
        background: url(../images/message_center/right_arrow.png) no-repeat right center;
    }
}
.foot{
    .pxToRem(margin-top,15);
    border-top:1px solid #ccc;
    background-color: #fff;
    text-align: center;
    .pxToRem(height,940);
    .notice{
        p{
            width: 85%;
            .pxToRem(font-size,24);
            .pxToRem(margin-left,35);
            text-align: left;
        }
    }
    .yx_ntc{
        .pxToRem(margin-top,44);
        img{
            .pxToRem(width,177);
            .pxToRem(height,220);
        }
    }
    .jx_msg{
        .pxToRem(margin-top,27);
        .pxToRem(font-size,26);
        color: #ccc;
    }
}